<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="../static/semantic.min.css" type='text/css'>
    <script src="../static/jquery.min.js"></script>
    <script src="../static/semantic.min.js"></script>
    <title>图片转换为字符画工具</title>
</head>

<body>
<div class="ui four column centered grid">
    <div class="top aligned row">
        <div class="column">
            <img>
        </div>
        <div class="column">
            <img>
            <img>
        </div>
        <div class="column">
            <img>
        </div>
    </div>
    <div class="middle aligned row">
        <div class="column">
            <img>
        </div>
        <div class="column">
            <img>
            <img>
        </div>
        <div class="column">
            <img>
        </div>
    </div>
    <div class="bottom aligned row">
        <div class="column">
            <img>
        </div>
        <div class="column">
            <img>
            <img>
        </div>
        <div class="column">
            <img>
        </div>
    </div>
</div>
</body>
</html>
